<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>数据页面</title>
<link rel="stylesheet" href="/js/layui-2.5.4/css/layui.css">
<script src="/js/layui-2.5.4/layui.js"></script>
<script type="text/javascript" src="/js/my_js/college.js"></script>
<style type="text/css">
body .to-fix-select .layui-layer-content {
	overflow: visible;
}
</style>
</head>

<body>
	<!-- 页面结构 -->
	<div>
		<!--class="layui-main"  -->
		<!-- 表格上方标题 -->
		<blockquote class="layui-elem-quote">学院列表</blockquote>
		<form class="layui-form">
			<div class="demoTable">
				搜索学院：
				<div class="layui-inline">
					<input class="layui-input" name="collegename" id="collegenameS"
						placeholder="名称" autocomplete="off" maxlength="20">
				</div>
				<button id="domew" class="layui-btn" class="layui-btn" type="button">搜索</button>
				<button id="resetD" type="reset" class="layui-btn layui-btn-normal">重置</button>
			</div>
		</form>
		<br>
		<!-- 添加按钮 -->
		<a class="layui-btn layui-btn-sm" id="add-college-btn">添加学院</a>
		<!-- 添加按钮 -->
		<a class="layui-btn layui-btn-sm layui-btn-danger"
			id="del-colleges-btn">批量删除</a>
		<!-- 数据表 -->
		<table id="college-tbl" lay-filter="college-tbl"></table>
		<script type="text/html" id="college-tbl-toolbar">
      <a class="layui-btn layui-btn-xs" lay-event="updateCollege">编辑</a>
      <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deleteCollege">删除</a>
    </script>
		<!-- 数据序号 -->
		<script type="text/html" id="indexTpl">
    	{{d.LAY_TABLE_INDEX+1}}
	</script>
	</div>

	<!-- 添加数据弹出层 -->
	<div id="add-college-layer" style="display: none; padding: 20px;">
		<form id="add-college-form" class="layui-form layui-form-pane"
			lay-filter="add-college-form">
			<div class="layui-form-item">
				<label class="layui-form-label">学院名称</label>
				<div class="layui-input-block">
					<input type="text" name="collegename" class="layui-input"
						autocomplete="off" placeholder="请输入学院名称" lay-verify="required"
						maxlength="20">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">备注</label>
				<div class="layui-input-block">
					<input type="text" name="remarks" class="layui-input"
						autocomplete="off" placeholder="请输入备注" maxlength="50">
				</div>
			</div>
			<div class="layui-form-item"
				style="text-align: center; margin-top: 50px">
				<button class="layui-btn" lay-submit
					lay-filter="add-college-form-submit">提交</button>
				<button id="resetAddStu" class="layui-btn layui-btn-primary"
					type="reset">重置</button>
			</div>
		</form>
	</div>

	<!-- 更新数据弹出层 -->
	<div id="update-college-layer" style="display: none; padding: 20px">
		<div class="layui-form-item" style="display: none;">
			<label class="layui-form-label">id</label>
			<div class="layui-input-block">
				<input id="idS" type="text" name="id" class="layui-input" readonly>
			</div>
		</div>
		<form id="update-college-form" class="layui-form layui-form-pane"
			lay-filter="update-college-form">
			<div class="layui-form-item">
				<label class="layui-form-label">学院名称</label>
				<div class="layui-input-block">
					<input type="text" name="collegename" class="layui-input"
						autocomplete="off" placeholder="请输入学院名称" lay-verify="required"
						maxlength="20">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">备注</label>
				<div class="layui-input-block">
					<input type="text" name="remarks" class="layui-input"
						autocomplete="off" placeholder="请输入备注" maxlength="50">
				</div>
			</div>
			<div class="layui-form-item" style="text-align: center;">
				<button class="layui-btn" lay-submit
					lay-filter="update-college-form-submit">提交</button>
				<button class="layui-btn layui-btn-primary" type="reset">清空</button>
			</div>
		</form>

	</div>
</body>

</html>